<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <style type="text/css">
    /* div{
        visibility: hidden;
    } */
    /* table tr:first-child{
        visibility: collapse;
    }; */
    /* span{
        background: silver;
        width: 200px;
        height: 200px;
        display: block;
    } */
    /* div{
        background: silver;
        width: 200px;
        height: 200px;
        display: inline-block;
    } */
    /* div{
        display: none;
    } */
    /* #a{
        background: gray;
        float: left;
    }
    #b{
        background: maroon;
        float: left;
    } */
    /* #c{
        background: navy; */
        /* float: none; */
        /* clear: both;
    } */
    /* div{
        border-top-style: solid;
        border-top-width: 10px;
        border-top-color: orangered;
    } */
    /* div{
        border: 10px solid darkorchid;
    } */
    /* div{
        border: 10px solid seagreen;
        border-radius: 10px 20px 30px 40px;
    } */
    /* div b{
        background-color: transparent;
    } */
    /* body{
        background-color: yellowgreen;
    } */
    /* body{
        background-image: url(img2.png);
        background-repeat: no-repeat;
        background-position: top;
        background-position: 20px 20px;
        background-size: cover;
        background-size: 240px 240px;
        background-attachment: fixed;
    } */
    /* div{
        background-image: none;
    } */
    /* div{
        width: 400px;
        height: 300px;
        border: 10px dashed teal;
        padding: 50px;
        background-image: url(img2.png);
        background-repeat: no-repeat;
        background-origin: content-box;
    } */
    /* div{
        width: 400px;
        height: 300px;
        border: 10px dashed tomato;
        padding: 50px;
        background-image: url(img2.png);
        background-repeat: no-repeat;
        background-origin: border-box;
        background-clip: padding-box;
    } */
    /* div{
        width: 400px;
        height: 300px;
        border: 10px dashed steelblue;
        padding: 50px;
        background: sienna url(img2.png) no-repeat scroll left top/100% border-box content-box;
    } */
    /* table{
        border-collapse: collapse;
    } */
    /* table{
        border-spacing: 10px;
    } */
    /* table{
        caption-side: bottom;
    } */
    /* table{
        empty-cells: hide;
    } */
    /* table{
        table-layout: fixed;
    } */
    /* ul{
        list-style-type: square;
    } */
    /* ul{
        width: 120px;
        list-style-position: inside;
    } */
    /* ul{
        list-style-image: url(img2.png);
    } */
    /* ul{
        list-style: lower-alpha inside url(img2.png);
    } */
    /* table tr td{
        vertical-align: bottom;
    } */
    /* b{
        vertical-align: super;
    } */
    /* div span{
        vertical-align: -200px;
    } */
    /* p{
        color: slateblue;
        opacity: 0.5;
    } */
    /* div{
        width: 200px;
        height: 200px;
        border: 10px solid slategrey;
        box-shadow: 5px 4px 10px 2px goldenrod inset;
    } */
    /* div{
        width: 200px;
        height: 200px;
        border: 10px solid slategrey;
        outline: 10px double tomato;
    } */
    /* div{
        cursor: move;
    } */
    /* div{
        -webkit-border-radius: 50px;
        -moz-bordder-radius: 50px;
        border-radius: 50px;
    } */
    /* div{
        border-radius: 50px;
        -webkit-border-radius: 100px;
    } */
    /* html{
        font-size: 62.5%;
    }
    h1{
        font-size: 3em;
    }
    p{
        font-size: 1.4em;
    }
    code{
        font-size: 1.1rem;
    } */
    /* div{
        text-shadow: -1px -1px 1px olivedrab;
    } */
    /* div{
        text-shadow: 0px 0px 0 rgb(188, 1788, 188),
        1px 0px 0 rgb(173, 163, 173),
        2px 0px 0 rgb(157, 147, 157),
        3px 0px 0 rgb(142, 132, 142),
        4px 0px 0 rgb(126, 116, 126),
        5px 0px 0 rgb(111, 101, 111),
        6px 0px 0 rgb(95, 85, 95),
        7px 0px 0 rgb(79, 69, 79),
        8px 0px 7px rgba(0, 0,0, 0.35),
        9px 0px 1px rgba(0, 0,0, 0.5),
        0px 0px 7px rgba(0, 0,0, 0.2);
    } */
    /* p{
        width: 160px;
        white-space: nowrap;
        background: slateblue;
        text-overflow: clip;
        overflow: hidden;
    } */
    /* p{
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    } */
    /* p{
        font-size: 50px;
        -webkit-text-stroke: 1px tomato;
    } */
    /* p{
        font-size: 50px;
        -webkit-text-stroke: 1px tomato;
        -webkit-text-stroke-color: violet;
        -webkit-text-stroke-width: 2px;
    } */
    /* p{
        font-size: 150px;
        -webkit-text-fill-color: tomato;
    } */
    /* p{
        font-size: 150px;
        font-family: 黑体;
        background: 
        -webkit-linear-gradient(top,#eee,#aaa 50%,#333 51%,#000);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    } */
    /* p{
        background-image: linear-gradient(-45deg, orange 0%,green 20%,blue 40%,tomato 100%);
    } */
    /* p{
        background-color: tomato;
        background-image: linear-gradient(to top right,rgba(0,0,0,0.6),rgba(0,0,0,0));
    } */
    /* p{
        background-color: tomato;
        background-image: repeating-linear-gradient(to top,orange 10px,green 30px);
    } */
    /* p{
        background-image: -webkit-linear-gradient(to top,orange,green);
        background-image: -moz-linear-gradient(to top,orange,green);
        background-image: -o-linear-gradient(to top,orange,green);
        background-image: linear-gradient(to top,orange,green);
    } */
    /* p{
        background-image: repeating-radial-gradient(circle 50px,orange,green);
    } */
    /* div{
        border-image-source: url(img2.png);
        border-image-width: 200px;
        border-width: 201px;
        border-image-slice: 0 fill;
    } */
    /* div{
        border-image-repeat: space;
    } */
    /* div{
        width: 400px;
        height: 40px;
        border-image-source: url(img2.png);
        border-image-width: 10px;
        border-image-slice: 10 fill;
        border-image-repeat: stretch;
    } */
    /* p{
        transform: translate(0,200px);
        transform: translate(200px);
    } */
    /* p{
        transform: scale(0.8,0.8);
    } */
    /* p{
        transform: scaleX(1.5);
        transform: scaleY(1.5);
    } */
    /* p{
        transform: skew(45deg,20deg);
    } */
    /* P{
        transform: skewX(45deg);
        transform: skewY(-45deg);
    } */
    /* p{
        transform: matrix(1,0,0,1,30,30);
    } */
    /* p{
        transform: rotate(-45deg) scale(1.5);
        perspective: 1000px;
    } */
    /* p{
        transform-origin: left top;
        transform-origin: 0px 0px;
    } */
    /* p{
        -webkit-transform: translateZ(200px);
    } */
    /* p{
        transform-style: preserve-3d;
    } */
    #a{
        perspective: 1000px;
        transform-style: preserve-3d;
    }
    /* img{
        transform: translateZ(240px);
    } */
    /* img{
        transform: scale3d(1,1,1.5) rotateX(45deg);
    } */
    /* img{
        transform: scaleZ(1.5) rotateX(45deg);
    } */
    /* img{
        transform: rotate3d(1,0,0,45deg);
    } */
    /* img{
        transform: rotateX(45deg);
        transform: rotateY(45deg);
        transform: rotateZ(45deg);
        transform: rotateX(45deg) rotateY(45deg) rotateZ(45deg);
    } */
    /* img{
        perspective-origin: top right;
    } */
    img{
        transform: perspective(1000px) rotateY(45deg);
    }
    </style>
    <div id="a">
        <img src="img2.png" alt="" />
    </div>
    <h1>ashdashnc<em>littletittle</em></h1>
    <p>火锅海底捞<code>daima</code></p>
    <ul>
        <li>诞生地阿基分开算价格可附加两个可放宽八方</li>
        <li>风的季节hi不能放任</li>
        <li>哈尔的移动城堡</li>
    </ul>
    <div>
        <b>sdhafh成绩须和覅路过了涂口红</b>
        <span>大树复活甲卡萨丁回复就开始sdsafd</span>
        <p>hasjkfhdskjkfjskdg</p>
    </div>
    <div>
        <p>jfgfdbgmnbldfjnbkl;g;wbkergpotnln;r;</p>
        <p>hxkasjhfcadsjckvsndjavs，仔细看出库单SVN快递费</p>
        <p>SBAV模不好看苏丹红的尽快答复</p>
    </div>
    <table>
        <tr>
            <td>11111</td>
            <td>22222</td>
        </tr>
        <tr>
            <td>33333</td>
            <td>44444</td>
        </tr>
        <tr>
            <td>55555</td>
            <td>66666</td>
        </tr>
    </table>
</body>
</html>